<template>
	<view class="mine_cont">		

		<scroll-view :scroll-top="scrollTop" scroll-y="true" @scrolltoupper="upper" @scrolltolower="lower" @scroll="scroll">
			<view class="list_wrap">
				<view class="list">
					<view class="list_title clearfix">
						<text class="list_title_l">{{newsInfo.annTitle}}</text>
						<text class="list_title_r">{{newsInfo.annDate}}</text>
					</view>
					<view class="list_cont">
						<text>{{newsInfo.annContent}}</text>
					</view>
			
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>



	export default {
		data() {
			return {
				
				id:0,
				scrollTop: 0,
				newsInfo: [],
			
			}
		},
	components: {
		
	},
		
		onLoad:function(e){
			 this.id = e.id;
			this.getInfo();
			
		},
		
		
		onLaunch: function() {
		
		},
		mounted() {
			//this.newsInfo = info.newsInfo;
		
		},
		methods: {
			upper: function(e) {
				// console.log(e)
			},
			lower: function(e) {
				// console.log(e)
			},
			scroll: function(e) {
				this.old.scrollTop = e.detail.scrollTop
			},
			
			getInfo: function(){
				this.$api.http
					.get('assistance/books/getAnnouncementInfo', {
						id: this.id
					})
					.then(res => {
						this.newsInfo = res.data;
					});
				
			}
			
			
		
		}
	}
</script>


<style lang="scss">
	.clearfix {
		zoom: 1;
		display: block;
	}
	
	.addborder{
			  padding-top:10upx;
			  border-top: 2upx solid #f4f5f7;
	}

	.clearfix:after {
		content: ".";
		visibility: hidden;
		display: block;
		height: 0;
		clear: both;
	}

	scroll-view {
		height: 100vh;
	}
	 .status_bar {
		  height: var(--status-bar-height);
		  width: 100%;
		  background-color: $bg-theme;
	  }
	.mine_cont {
		background-color: $bg-gap;
		width: 100%;
		height: 100vh;
    color: $text-color;
		.list_wrap {

			.list {
				margin: 30upx;
				padding: 30upx;
				background-color: $bg-theme;

				.list_title {
					height: 46upx;
					line-height: 30upx;
					border-bottom: 2upx solid $bg-gap;

					.list_title_l {
						font-size: 28upx;
						width: 56%;
						overflow: hidden;
						text-overflow: ellipsis;
						display: inline-block;
						white-space: nowrap;
						float: left;
					}

					.list_title_r {
						float: right;
						font-size: 24upx;
						line-height: 30upx;
						color: $text-color;
					}
				}

				.list_cont {
					margin-top: 10upx;
					color: $color-theme;
					font-size: 26upx;
					text-align: left;
					line-height: 42upx;
				}
			}
		}
	}
</style>
